<template>
  <div class="home">
    <ModelRecommend></ModelRecommend>
    <Banner></Banner>
    <News></News>
    <IndustryRecommend></IndustryRecommend>
  </div>
</template>

<script>
import ModelRecommend from "./home/ModelRecommend.vue";
import IndustryRecommend from "./home/IndustryRecommend.vue";
import Banner from "./home/Banner.vue";
import News from "./home/News.vue";
export default {
  name: "Home",
  components: { ModelRecommend, IndustryRecommend, Banner, News },
};
</script>

<style lang="scss" scoped>
.home {
  width: 1200px;
  margin: auto;

  > section {
    margin-bottom: 20px;
    // outline: 1px solid grey;
  }
}
</style>
